<%@ page language="java" pageEncoding="utf-8"%>
<%@ include file="/basecore/taglibs.jsp"%>
<%@ taglib prefix="tab" uri="http://ditchnet.org/jsp-tabs-taglib" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>	
	<%@ include file="/basecore/meta.jsp"%>	
  	<script src="${contextPath}/webresource/components/codepress/codepress.js" type="text/javascript"></script> 
  	<tab:tabConfig />
</head>
<body>
<div>
编 号:<input id="identity" name="identity" size="120">(identity)<BR>
名 称:<input id="name" name="name" type="text" size="120">(name)
</div>
<BR>
<tab:tabContainer id="foo-bar-container">
<tab:tabPane id="base0" tabTitle="用法">
&lt;wit:selectDialog /&gt;
<textarea id="selectinput0" class="codepress javascript linenumbers-off" readonly style="width:700px;height:300px;" wrap="on">
id;//选择组件的ID，必须在页面中唯一
dialogTitle;//对话框的标题
icon="/webresource/images/ico_btn_search.gif";//图标
width;//对话框宽度
height;//对话框高度
field1;//页面域的id,一般最少需要选择一项数据到目标页面
field2;//第二个页面输入域的id
field3;//第三个页面输入域的id，默认可以有最多三个数据项可以从选择对话框选取。
/**
 *数据选择页面的URL，如果设定了该属性，下面属性无效
 *数据选择页面可以通过javascript：closeSelectWinAndSet(组件id,值1,值2,值3)设置选择的值，
 *或是通过closeSelectWinAndClear(组件id)清除页面的值
*/
url;

data;//数据源，可以是实体的类名或数据库的表名或是SQL查询语句
properties;//在列表中显示的字段

property1;//对应的熟悉名称

property2;//上面对应的数据字段名称

property3;//如果需要选取超过三个的数据项，可以设置该属性值为多个字段名,如：email,phone

/**
 * 数据源类型,table:数据库表；class:实体类名(通过对应的service查找数据),默认的数据源类型；
 * sql:sql 查询语句.如果为sql类型，则filters属性的设置是无效的
*/
datatype="class";
titles;//列表的字段标题,如："name|实体名称,comment|说明,catalog|分类"
multiple;//是否允许多选
selected;//尚未完全实现，默认的选中项
	
filterOptions;//可设定的过滤项,目前只支持字符串类型的属性,如:"catalog,name"
/**
 * 数据过滤条件，对于class类型的如：eq:catalog,like:className:A,between:id 
 * 对于table类型的如:"catalog='system' and name like 'witframework.%'"
 * SQL类型的数据源，该属性无效
 */
filters;
</textarea>
</tab:tabPane>
<tab:tabPane id="base1" tabTitle="例子1">
例子1:
<wit:selectDialog id="xxxx" data="ad_user" 
	properties="id,username,firstname" datatype="table" 
	field1="identity" property1="id" field2="name" property2="username"
	filters="username like [.o/o.admin]"
	/>
<br>
<textarea id="selectinput" style="width:700px;height:140px;" wrap="on" readonly>
</textarea>
<br>
</tab:tabPane>
<tab:tabPane id="base2" tabTitle="例子2">
例子2:
<wit:selectDialog id="xxx2" data="Meta_Entity" datatype="table" 
	properties="id,module,className,description" 
	field1="identity" property1="id" field2="name" property2="className"
	width="700" height="500" 
	titles="name:实体名称,comment:说明,catalog:分类"
	icon="${contextPath}/webresource/images/msic/001_55.png"/>
<br>
<textarea id="selectinput2"  style="width:700px;height:150px;" wrap="on" readonly>
</textarea>

</tab:tabPane>
<tab:tabPane id="base3" tabTitle="例子3">
例子三:<wit:selectDialog id="xxx3" data="AD_ORGTYPE" datatype="table" 
	properties="name,description" multiple="true"
	field1="identity" property1="id" field2="name" property2="name"
	width="700" height="500" 
	titles="name:应用名称,description:说明"
	icon="${contextPath}/webresource/images/msic/001_38.png"/>
<br>
<wit:selectDialog id="xxx3" data="AD_USER" datatype="table" 
	properties="id,username,firstname,lastname" multiple="true"
	field1="identity" property1="firstname" field2="name" property2="username"
	width="700" height="500" 
	titles="username:用户名,firstname:名,lastname:姓"/>
<textarea id="selectinput3"  style="width:700px;height:150px;" wrap="off" readonly>
</textarea>

</tab:tabPane>
<tab:tabPane id="base4" tabTitle="例子4">
例子4:<wit:selectDialog id="xxx4" data="meta_App" datatype="table" 
	properties="name,description" multiple="true"
	field1="identity" property1="id" field2="name" property2="name"
	width="700" height="500" 
	titles="name:应用名称,description:说明"
	filterOptions="eq:name" filters="name like [.o/o.Test]"
	icon="${contextPath}/webresource/images/msic/001_38.png"/>
<br>
<textarea id="selectinput4"  style="width:700px;height:150px;" wrap="off" readonly>
</textarea>	

</tab:tabPane>
<tab:tabPane id="base5" tabTitle="例子5">
例子5:<wit:selectDialog id="xxx5" data="select * from meta_app" datatype="sql"
	properties="name,description" multiple="true"
	field1="identity" property1="id" field2="name" property2="name"
	width="700" height="500"  titles="name:应用名称,description:说明"
	filterOptions="eq:name" filters="name like [.o/o.Test]"
	icon="${contextPath}/webresource/images/msic/001_38.png"/>
<br>
<textarea id="selectinput5"  style="width:700px;height:150px;" wrap="off" readonly>
</textarea>	
</tab:tabPane>
<tab:tabPane id="base7" tabTitle="例子7">
例子7:<wit:selectDialog id="xxx7" data="data.jsp" datatype="page"		
	field1="identity" field2="name" 	
	icon="${contextPath}/webresource/images/msic/001_38.png"/>
<br>
</tab:tabPane>
<tab:tabPane id="base8" tabTitle="例子8">
<wit:selectDialog id="xxx8" data="com.witframework.components.TestSelectListDataSource" datatype="class"	
	properties="id,name"	
	field1="identity" property1="id" field2="name" property2="name"
	titles="name:名称,id:Identity"
	/>
<br>	
</tab:tabPane>
</tab:tabContainer>	
</body>
</html>
